@import '~antd/dist/antd.css';

body,p,ul,li,a,i,img,input,select{
  margin: 0;
  padding: 0;
}
body{
  background: #fafafa;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 30px;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

@keyframes App-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.App-header {
  width: 100%;
  min-width: 1200px;
  border-bottom:solid #ccc 1px;
  -moz-box-shadow: 0px 0px 3px #ccc; /* 老的 Firefox */
  box-shadow: 0px 0px 3px #ccc;
  height: 60px;
  color: white;
  background: #fff;
  position: fixed;
  z-index: 1;
}
.header-content, .content{ width: 1200px; margin: 0 auto;}
.content{ min-height: 900px; margin-bottom: 40px;}
.header-logo { float: left; width: 160px; margin: 0 30px 0 20px; }
.select-y{ display: block; float: left; cursor: pointer; color: #000000; border: 0; height:59px; outline: none;}
.select-j{ display: block; float: right; cursor: pointer; color: #000000; border: 0; height:59px; outline: none; margin-left: 20px;}
.ico-person{ float:right; cursor: pointer; height: 60px; font-size:24px; color:#f76d7d ;  margin-left: 5px; margin-top: 8px; }
.ico-head{  float:right; cursor: pointer; color:#000; font-size:24px; height: 60px; margin-left: 20px; margin-top: 8px;}

.Nav{ float: left; width:200px; text-align: left; background-color:#fff; height: auto; -moz-box-shadow: 0px -3px 5px #ccc; box-shadow: 0px -1px 5px #ccc; position: relative; top: -60px; z-index: 2; overflow: hidden;}
.FixLogo{ width: 200px; height: 160px;background: #fff; position: fixed; -moz-box-shadow: 0px -3px 5px #ccc; box-shadow: 0px -1px 5px #ccc;}
.FixLogoed{ height: 160px; }
.Page-logo{ width: 120px; margin-left: 40px; position: fixed; }
.Nav .List{ padding-left: 15px; list-style: none; font-size:16px;}
.Nav-control{ float:left; width:10px; height: 30px; background-color:#fff; box-shadow: 3px 0px 5px #ccc; margin: 0px 10px 0 0; cursor: pointer;}
.Nav .List>li:first-child{ cursor: pointer;}
.Nav .List>li>ul>li{ cursor: pointer;}

.right{ float: left; width: 980px; min-height: 1000px; margin-top: 20px; overflow: hidden;}
.fisrt-line{ color: #fff; text-align: center;}
.fisrt-line li{ float: left; cursor: pointer; height: 100px;  margin: 0 10px 15px 0; background:#ccc; list-style: none; border-radius: 10px;}
.fisrt-line li:last-child{ width:100px; margin-right: 0px; background:#ccc;}
.fisrt-line .forWai{ background: #fca834; }
.fisrt-line .forWai:hover{ background: #d49439; }
.fisrt-line .backM{ background: #fce851; }
.fisrt-line .backM:hover{ background: #dfcc3c; }
.fisrt-line .create{ background: #82bbf0; }
.fisrt-line .create:hover{ background: #659bce; }
.fisrt-line .InM{ background: #91d0ee; }
.fisrt-line .InM:hover{ background: #68a8c5; }
.fisrt-line .IprojP{background: #f76d7d;}
.fisrt-line .IprojP:hover{background: #e05b6a;}
.second-line li{ float: left; background: #fff; width: 193px; height: 100px; margin: 0 3px 15px 0; list-style: none; }
.second-line li:last-child{ float: right; margin-right: 0px; }
.second-line li:first-child{ margin-right: 4px; }
.second-line li p:last-child{ text-align: center; font-size: 40px; line-height: 1em; color: #e89724;}
.second-line li p:first-child{ text-align: left; font-size: 16px; padding: 10px 0 0 10px; line-height: 1em;}
.third-line li{ float: left; list-style: none; background: #fff; height: 240px; margin-bottom: 15px;}
.third-line li div{ padding: 25px 0px 0 40px; font-size: 30px;}
.third-line li div p:first-child{ font-size: 16px; }
.third-line li div span{ display: block; font-size: 14px; color: #ccc; position: relative; right: -130px; top: -28px;}
.Forth-line .Bgraph{ float: left; width: 50%; height: 450px; background: #fff; }
.Forth-line .Pgraph{ float: left; width: 50%; height: 450px; background: #fff;}

